<template>
	<view :class="['null',fixed?'fixedTrue':'']">
		<image src="https://miaoyao-oss.oss-cn-hangzhou.aliyuncs.com/profitTool/nullPage.png" mode="scaleToFill">
		</image>
		<view>{{title}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				default: "暂无笔记"
			},
			fixed: {
				default: true
			}
		}
	}
</script>

<style lang="scss">
	.null {
		text-align: center;
		padding-top: 112rpx;
		image{
			width: 392rpx;
			height: 256rpx;
		}
		view{
			font-weight: 500;
			font-size: 20rpx;
			color: #333333;
			padding: 16rpx;
		}
	}

	.fixedTrue {
		position: fixed;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
</style>